{# Ceci est un commentaire #}
{# src/JH_Project/JobHubBundle/Resources/views/Site_JobHub/index.html.twig #}

{# twig parent: #}
{% extends "JobHubBundle::layout.html.twig" %}
{% block title %}{{ parent() }} - Accueil{% endblock %}



{% block body %}

{% block navbar %}
{{ parent() }}
{% endblock %}

    <!-- Colonnes de la ligne1 -->  
    <div class="row">
        <div class="col-md-10">
            <div class="media">
      <a class="pull-left" href="#">
         <img class="media-object" src="{{ asset('bundles/jobhub/images/logo_JobHub.png') }}" alt="...">
     </a>
     <div class="media-body">
       <h4>Recherche avancee</h4>
             <p> 
                <form class=" navbar-form-inverse navbar-right left" role="search id="formrecherche">
                    <div class="form-group">
                         <input type="text" class="input-large" placeholder="Saisir un poste">
                         <input type="password" class="input-small" placeholder="Saisir une competence">                 
                         <input type="text" class="input-small" placeholder="Saisir une ville"> 
                  </p> 
                    <p><a class="btn btn-lg btn right" href="#" role="button">Chercher</a></p>       
             </form>
           </div>
         </div>
      </div>  
   </div>
   
 <div class="col-md-2">  </div>                 
</div>     
     
      <!-- Colonnes de la ligne 2 -->
     
      <div class="row">
        <div class="col-md-6">
            <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">Salon et forum d'emplois</h3>
          </div>
      <div class="panel-body">
           Envie de postuler plus tard � une offre ?
           une offre ? Sauvegarder les offres qui vous int�ressent 
      </div>
      </div>
   </div>
        
        <div class="col-md-6">
          <h2>Sondage</h2>
          <p>Envie de postuler plus tard � une offre ? Sauvegarder les offres qui vous int�ressent dans votre profil. Vous pourrez alors acc�der � vos Offres Sauvegard�es pour y postuler � tout moment.</p>
          <p><a class="btn btn-default" href="#" role="button">Plus de details &raquo;</a></p>
       </div> 
                 
      <div class="row">
      
      <div class="col-md-4">
           <div class="panel panel-info">
              <div class="panel-heading">
                  <h3 class="panel-title">Section FAQ</h3>
             </div>
             <div class="panel-body">
              <ul>
               <li> Comment s'entraîner à faire un entretien en anglais ?</li>
               <li>Quels sont les avantages d'un job dans l'informatique ?</li>
               <li>Mieux s'affirmer au travail : quel coaching ?</li>
              
              </ul>
             <p><a class="btn btn-default" href="#" role="button">Voir toutes les questions et réponses</a></p>
             
          </div>
        </div>
    </div>  
    
    <div class="col-md-4">
            <div class="media">
      <a class="pull-midlle" href="#">
         <img class="media-object" src="{{ asset('bundles/jobhub/images/conseils.jpg') }}" alt="...">
     </a>
     <div class="media-body">
    <p>Envie de postuler plus tard � une offre ? Sauvegarder les offres qui vous int�ressent dans votre profil. Vous pourrez alors acc�der � vos Offres Sauvegard�es pour y postuler � tout moment.</p>
          <p><a class="btn btn-default" href="#" role="button">Plus de details &raquo;</a></p>
        </div>
  </div>
</div>  
    
      <div class="col-md-4"> 
                <div class="list-group">
                       <ul class="list-group-item active">
                        <h4 class="list-group-item-heading">Blog pour l'emplois</h4>
                                   <li class="list-group-item">Cras justo odio</li>
                                   <li class="list-group-item">Dapibus ac facilisis in</li>
                                   <li class="list-group-item">Morbi leo risus</li>
                                   <li class="list-group-item">Porta ac consectetur ac</li>
                                    <li class="list-group-item">Vestibulum at eros</li>
                               </ul>
                      </div>
               </div>
       
   </div>  
 
 {% block footer %}
{{ parent() }}
    
{% endblock %}


 {% endblock %}







